import { ref, reactive } from 'vue'
import { ROLE_TYPE, USER_STATUS } from '@/utils/dictionary.js'
import { getRoleList } from '@/api/system/role.js'
// import { getDeptList } from '@/api/org-manage/depart-manage/index'

// 部门列表
const deptList = ref([])
const roleOptions = ref([])
const data = reactive([
  // {
  //   label: '用户账号',
  //   key: 'username',
  //   props: {
  //     placeholder: '请输入用户账号'
  //   }
  // },
  {
    label: '用户姓名',
    key: 'realname',
    props: {
      placeholder: '请输入用户姓名'
    }
  },
  // {
  //   label: '用户状态',
  //   type: 'select',
  //   key: 'status',
  //   props: {
  //     placeholder: '请选择用户状态',
  //     options: USER_STATUS
  //   }
  // },
  {
    label: '用户角色',
    type: 'select',
    key: 'roleId',
    props: {
      placeholder: '请选择用户角色',
      options: roleOptions
    }
  },
  // {
  //   label: '所属部门',
  //   type: 'select',
  //   key: 'deptId',
  //   props: {
  //     placeholder: '请选择所属部门',
  //     options: deptList
  //   }
  // }
])

export default data

// 获取部门列表
export const getDeptInfo = async function(id) {
  // const { data } = await getDeptList(id)
  // deptList.value = data?.map(it => ({
  //   ...it,
  //   label: it.name,
  //   value: it.id
  // }))
}
export const getRoleOptionList = async() => {
  const res = await getRoleList()
  console.log(1111, res.data?.records)
  roleOptions.value = res.data.records || []
  roleOptions.value.forEach(item => {
    item.label = item.roleName
    item.value = item.id
  })
}
